<template>
  <div id="header_top">
    <div id="top">
      <div class="Inside_pages">
        <div class="Collection">下午好，欢迎光临锦宏颜！
          <em></em>
          <a href="javascript:void(0)">收藏我们</a>
        </div>
        <div class="hd_top_manu clearfix">
          <ul class="clearfix">
            <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店！
              <router-link to="./login" class="red">[请登录]</router-link> 新用户
              <a href="javascript:void(0)" class="red">[免费注册]</a>
            </li>
            <li class="hd_menu_tit" data-addclass="hd_menu_hover">
              <a href="javascript:void(0)">我的订单</a>
            </li>
            <li class="hd_menu_tit" data-addclass="hd_menu_hover">
              <a href="javascript:void(0)">购物车</a>
            </li>
            <li class="hd_menu_tit" data-addclass="hd_menu_hover">
              <a href="javascript:void(0)">联系我们</a>
            </li>
            <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover">
              <a href="javascript:void(0)" class="hd_menu">客户服务</a>
              <div class="hd_menu_list">
                <ul>
                  <li>
                    <a href="javascript:void(0)">常见问题</a>
                  </li>
                  <li>
                    <a href="javascript:void(0)">在线退换货</a>
                  </li>
                  <li>
                    <a href="javascript:void(0)">在线投诉</a>
                  </li>
                  <li>
                    <a href="javascript:void(0)">配送范围</a>
                  </li>
                </ul>
              </div>
            </li>
            <li class="hd_menu_tit phone_c" data-addclass="hd_menu_hover">
              <a href="javascript:void(0)" class="hd_menu ">
                <em class="iconfont icon-shouji"></em>手机版</a>
              <div class="hd_menu_list erweima">
                <ul>
                  <img src="/static/images/erweima.png" width="100px" height="100" />
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!--顶部样式1-->
    <div id="header" class="header page_style">
      <div class="logo">
        <a href="index.html"><img src="/static/images/logo.png" /></a>
      </div>
      <!--结束图层-->
      <div class="Search">
        <p>
          <input name="" type="text" class="text" />
          <input name="" type="submit" value="搜 索" class="Search_btn" />
        </p>
        <p class="Words">
          <a href="javascript:void(0)">苹果</a>
          <a href="javascript:void(0)">香蕉</a>
          <a href="javascript:void(0)">菠萝</a>
          <a href="javascript:void(0)">西红柿</a>
          <a href="javascript:void(0)">橙子</a>
          <a href="javascript:void(0)">苹果</a>
        </p>
      </div>
      <!--购物车样式-->
      <div class="hd_Shopping_list" id="Shopping_list">
        <div class="s_cart">
          <em class="iconfont icon-cart2"></em>
          <a href="javascript:void(0)">我的购物车</a>
          <i class="ci-right">&gt;</i>
          <i class="ci-count" id="shopping-amount">0</i>
        </div>
        <div class="dorpdown-layer">
          <div class="spacer"></div>
          <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
          <ul class="p_s_list">
            <li>
              <div class="img"><img src="/static/images/tianma.png"></div>
              <div class="content">
                <p>
                  <a href="javascript:void(0)">产品名称</a>
                </p>
                <p>颜色分类:紫花8255尺码:XL</p>
              </div>
              <div class="Operations">
                <p class="Price">￥55.00</p>
                <p>
                  <a href="javascript:void(0)">删除</a>
                </p>
              </div>
            </li>
          </ul>
          <div class="Shopping_style">
            <div class="p-total">共
              <b>1</b>件商品　共计
              <strong>￥ 515.00</strong>
            </div>
            <a href="Shop_cart.html" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
          </div>
        </div>
      </div>
    </div>
    <!--菜单导航样式-->
    <div id="Menu" class="clearfix">
      <div class="index_style clearfix">
        <div id="allSortOuterbox">
          <div class="t_menu_img"></div>
          <div class="Category">
            <a href="javascript:void(0)">
              <em></em>所有产品分类</a>
          </div>
          <div class="hd_allsort_out_box_new">
            <!--左侧栏目开始-->
            <!-- menulist -->
            <ul class="Menu_list">
              <li class="name">
                <div class="Menu_name">
                  <a href="product_list.html">面部护理</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <p>
                    <a href="Product_Detailed.html">茅台</a>
                    <a href="javascript:void(0)">五粮液</a>
                    <a href="javascript:void(0)">郎酒</a>
                    <a href="javascript:void(0)">剑南春</a>
                  </p>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                    <div class="hd_sort_list">
                      <dl class="clearfix" data-tpc="1">
                        <dt>
                          <a href="javascript:void(0)">面膜
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)">撕拉面膜</a>
                          <a href="javascript:void(0)">面膜贴</a>
                          <a href="javascript:void(0)">免洗面膜</a>
                          <a href="javascript:void(0)">水洗面膜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="2">
                        <dt>
                          <a href="javascript:void(0)">洁面
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)">洁面摩丝</a>
                          <a href="javascript:void(0)">洁面乳 </a>
                          <a href="javascript:void(0)">洁面啫哩/胶</a>
                          <a href="javascript:void(0)">面部去角质/磨砂</a>
                          <a href="javascript:void(0)">洁面膏/霜</a>
                          <a href="javascript:void(0)">洁肤皂</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="3">
                        <dt>
                          <a href="javascript:void(0)">化妆水
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 喷雾</a>
                          <a href="javascript:void(0)"> 精华水</a>
                          <a href="javascript:void(0)"> 柔肤水</a>
                          <a href="javascript:void(0)">爽肤水</a>
                          <a href="javascript:void(0)">收敛水/紧肤水</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">眼部护理
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">眼部护理
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">防晒
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">唇部护理
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">乳液/面霜
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 乳液</a>
                          <a href="javascript:void(0)"> 面霜</a>
                          <a href="javascript:void(0)">按摩霜</a>
                          <a href="javascript:void(0)">面部啫喱</a>
                          <a href="javascript:void(0)">凝露/凝胶</a>
                        </dd>
                      </dl>
                    </div>
                    <div class="Brands">
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/34.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/42.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/152.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/156.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/458.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/339.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/245.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/199.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/618.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/644.jpg" /></a>
                    </div>
                  </div>
                  <!--品牌-->
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">身体护理</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="Product_Detailed.html"> 面霜</a>
                  <a href="javascript:void(0)">眼霜</a>
                  <a href="javascript:void(0)"> 面膜</a>
                  <a href="javascript:void(0)">护肤套装</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                    <div class="hd_sort_list">
                      <dl class="clearfix" data-tpc="1">
                        <dt>
                          <a href="javascript:void(0)">面膜
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)">撕拉面膜</a>
                          <a href="javascript:void(0)">面膜贴</a>
                          <a href="javascript:void(0)">免洗面膜</a>
                          <a href="javascript:void(0)">水洗面膜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="2">
                        <dt>
                          <a href="javascript:void(0)">洁面
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)">洁面摩丝</a>
                          <a href="javascript:void(0)">洁面乳 </a>
                          <a href="javascript:void(0)">洁面啫哩/胶</a>
                          <a href="javascript:void(0)">面部去角质/磨砂</a>
                          <a href="javascript:void(0)">洁面膏/霜</a>
                          <a href="javascript:void(0)">洁肤皂</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="3">
                        <dt>
                          <a href="javascript:void(0)">化妆水
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 喷雾</a>
                          <a href="javascript:void(0)"> 精华水</a>
                          <a href="javascript:void(0)"> 柔肤水</a>
                          <a href="javascript:void(0)">爽肤水</a>
                          <a href="javascript:void(0)">收敛水/紧肤水</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">眼部护理
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">眼部护理
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">防晒
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">唇部护理
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 眼膜</a>
                          <a href="javascript:void(0)"> 眼部凝胶</a>
                          <a href="javascript:void(0)">眼部精华</a>
                          <a href="javascript:void(0)">眼霜</a>
                        </dd>
                      </dl>
                      <dl class="clearfix" data-tpc="4">
                        <dt>
                          <a href="javascript:void(0)">乳液/面霜
                            <i>></i>
                          </a>
                        </dt>
                        <dd>
                          <a href="javascript:void(0)"> 乳液</a>
                          <a href="javascript:void(0)"> 面霜</a>
                          <a href="javascript:void(0)">按摩霜</a>
                          <a href="javascript:void(0)">面部啫喱</a>
                          <a href="javascript:void(0)">凝露/凝胶</a>
                        </dd>
                      </dl>
                    </div>
                    <div class="Brands">
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/34.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/42.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/152.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/156.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/458.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/339.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/245.jpg" /></a>
                      <a href="javascript:void(0)" class="logo_Brands"><img src="/static/products/logo/199.jpg" /></a>

                    </div>
                  </div>
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">香水彩妆</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="javascript:void(0)">卸妆 </a>
                  <a href="javascript:void(0)">防晒</a>
                  <a href="javascript:void(0)">BB</a>
                  <a href="javascript:void(0)">女士香水</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                  </div>
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">洗发护发</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="javascript:void(0)">洗发</a>
                  <a href="javascript:void(0)">护发</a>
                  <a href="javascript:void(0)">沐浴</a>
                  <a href="javascript:void(0)">润肤乳</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                  </div>
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">女性护理</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="javascript:void(0)">洁面</a>
                  <a href="javascript:void(0)">坚果炒货</a>
                  <a href="javascript:void(0)">乳液</a>
                  <a href="javascript:void(0)"> 面霜</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                  </div>
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">男性护理</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="javascript:void(0)">洁面</a>
                  <a href="javascript:void(0)">坚果炒货</a>
                  <a href="javascript:void(0)">乳液</a>
                  <a href="javascript:void(0)"> 面霜</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                  </div>
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">推荐品牌</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="javascript:void(0)">欧莱雅</a>
                  <a href="javascript:void(0)"> 菲诗小铺</a>
                  <a href="javascript:void(0)"> 雅诗兰黛</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                  </div>
                </div>
              </li>
              <li class="name">
                <div class="Menu_name">
                  <a href="javascript:void(0)">推荐品牌</a>
                  <span>&lt;</span>
                </div>
                <div class="link_name">
                  <a href="javascript:void(0)">欧莱雅</a>
                  <a href="javascript:void(0)"> 菲诗小铺</a>
                  <a href="javascript:void(0)"> 雅诗兰黛</a>
                </div>
                <div class="menv_Detail">
                  <div class="cat_pannel clearfix">
                    111
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>

        <!--菜单栏-->
        <div class="Navigation" id="Navigation">
          <ul class="Navigation_name">
            <li>
              <a href="Home.html">首页</a>
            </li>
            <li>
              <a href="product_list.html">产品列表</a>
            </li>
            <li>
              <a href="Limit_buy.html">限时特卖</a>
              <em class="hot_icon"></em>
            </li>
            <li>
              <a href="javascript:void(0)">联系我们</a>
            </li>
            <li>
              <a href="javascript:void(0)">鲜盟人才</a>
            </li>
            <li>
              <a href="javascript:void(0)">鲜盟金融</a>
            </li>
            <li>
              <a href="javascript:void(0)">鲜盟投资</a>
            </li>
            <li>
              <a href="Brands.html">销售品牌</a>
            </li>
          </ul>
        </div>

        <!-- <a href="javascript:void(0)" class="link_bg"><img src="/static/images/link_bg_03.png" /></a>-->
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>
